<header class="navbar navbar-dark bg-dark navbar-fixed-top">
  <ul class="nav">
    <li class="nav-item"><a href="#" class="nav-link navbar-brand">凤凰新华</a></li>
    <li class="nav-item"><a href="" class="nav-link">图书/音像</a></li>
    <li class="nav-item"><a href="" class="nav-link">助学读物</a></li>
    <li class="nav-item"><a href="" class="nav-link">教育装备</a></li>
  </ul>
</header>
<div class="container">
  <app-product></app-product>
</div>

<hr />
<footer class="container">
  <div class="row">
    <p class="text-center">&copy; 凤凰新华 版权所属</p>
  </div>
</footer>
